<template>
  <div class="community-wrapper">
      <nav>
          <div>
            <van-icon name="search" />
            <span>搜索景点</span>
          </div>
          <div>
            <van-icon name="location" />
            <span>北京</span>
          </div>
      </nav>
  </div>
</template>

<script>
import Vue from 'vue'
import { Icon } from 'vant'

Vue.use(Icon)
export default {
    
}
</script>

<style lang='stylus' scoped>
.community-wrapper
  padding .2rem
nav
  display flex
  height .4rem
  > div:first-child
    flex 1
    height .4rem
    background #efefef
    border-radius .06rem
  > div:last-child
    width .64rem
    justify-content flex-end
    align-items center
</style>